<template>
	<div style="width: 280px; height: 100vh; background: #1C1C1C;">
    <div class="flexcc" style="padding: 40px 0;">
      <!-- <div><img src="../../static/img/yinle.png" style="width: 32px;"></div> -->
      <div style="color: #fff; font-size: 24px;">后台管理</div>
    </div>
    <div class="flexcc">
      <router-link class="navli flexc" to="/kaoshi">
        <!-- <img src="../../static/img/svg1.svg" style="margin-right: 20px;"> -->
        比赛管理
      </router-link>
      <router-link class="navli flexc" to="/kaochang">
        <!-- <img src="../../static/img/svg2.svg" style="margin-right: 20px;"> -->
        新闻管理
      </router-link>
      <router-link class="navli flexc" to="/kaoguan">
        <!-- <img src="../../static/img/svg2.svg" style="margin-right: 20px;"> -->
        比赛回顾
      </router-link>
      <router-link class="navli flexc" to="/dingdan">
        <!-- <img src="../../static/img/svg2.svg" style="margin-right: 20px;"> -->
        订单管理
      </router-link>
      <router-link class="navli flexc" to="/dingdan">
        <!-- <img src="../../static/img/svg2.svg" style="margin-right: 20px;"> -->
        下载管理
      </router-link>
      <router-link class="navli flexc" to="/huiyuan">
        <!-- <img src="../../static/img/svg2.svg" style="margin-right: 20px;"> -->
        人员管理
      </router-link>
      <router-link class="navli flexc" to="/guanyuwomen">
        <!-- <img src="../../static/img/svg2.svg" style="margin-right: 20px;"> -->
        关于我们
      </router-link>
    </div>
  </div>
</template>

<script>
	export default {
		name: 'left',
		data() {
			return {

			}
		},
		created() {



		},
		mounted() {

		},
		methods: {

		}
	}
</script>


<style scoped lang="less">
  .navli{  color: #fff; font-size: 18px;  height: 64px; cursor: pointer; width: 240px; margin-bottom: 20px; border-radius: 12px; padding-left: 40px;
    img{
      filter: drop-shadow(rgb(255, 255, 255) 200px 0);
      transform: translateX(-200px);
      position: relative;
      top: -1px;
    }
  }
  .router-link-active{ color: rgb(209, 226, 7); cursor: pointer;  background: linear-gradient(270.00deg, rgb(50, 51, 55),rgb(44, 49, 4) 100%);
    img{
      filter: drop-shadow(rgb(209, 226, 7) 200px 0);
      transform: translateX(-200px);
      position: relative;
      top: -1px;
    }
  }
</style>
